<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>广告页</title>
</head>

<body>
    <!-- 轮播图 -->

    <div class="swiper">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide"><img src="../../assets/imgs/运动.jpg" alt=""></div>
            <div class=" swiper-slide"><img src="../../assets/imgs/运动2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../../assets/imgs/运动3.jpg" alt=""></div>
            ...
        </div>
        <!-- If we need pagination -->
        <div class="swiper-pagination"></div>

    </div>


    <!-- 主体 -->
    <main class="main">
        <div class="box1">
            <div class="rank">
                <p>今日排名:</p>
                <span class="rbox">9</span>
                <img src="../../assets/imgs/index-card-rank.png" alt="">
            </div>
            <div class="clock">
                <p>累计打卡 <span class="clockday">0</span> 天</p>
                <span class="clockBtn">今日打卡</span>
                <img src="../../assets/imgs//index-card-sum.png" alt="">
            </div>
        </div>

        <div class="box2">
            <div class="date">
                <p>运动数据</p>
            </div>
            <div class="badge">
                <p class="badge-p">累计运动徽章</p>
                <img src="../../assets/imgs//index-card-badge.png" alt="">
                <p class="p"><span class="badgenum">3</span>枚</p>
            </div>
        </div>

        <div class="course">
            <p>课程训练</p>
        </div>

        <div class="run">
            <p>户外跑步</p>
        </div>
    </main>

    <!-- 底部 -->
    <!-- <footer class="foot">
        <a href="">
            <p class="active">
                <span class="iconfont icon-shouye1"></span>
                首页
            </p>
        </a>
        <a href="">
            <p>
                <span class="iconfont icon-yaling"></span>
                运动
            </p>
        </a>
        <a href="">
            <p>
                <span class="iconfont icon-quanzi"></span>
                圈子
            </p>
        </a>
        <a href="">
            <p>
                <span class="iconfont icon-wode"></span>
                我的
            </p>
        </a>
    </footer> -->

</body>



</html>